<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>Unit test file | Selector | default template | 2013-09-18 19:45</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript" charset="utf-8">
    var eventResults = {};
    var originalElement = window.Element;
  </script>
  <script src="assets/prototype.js?1379526301" type="text/javascript" charset="utf-8"></script>
  <script src="lib_assets/unittest.js?1379526301" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="lib_assets/unittest.css?1379526301" type="text/css" />
  
  
  <script src="tests/selector_test.js?1379526301" type="text/javascript" charset="utf-8"></script>
</head>
<body>

<div id="testlog"></div>

<div id="fixtures" style="display: none">
  <h1 class="title">Some title <span>here</span></h1>
  <p id="p" class="first summary">
    <strong id="strong">This</strong> is a short blurb
    <a id="link_1" class="first internal" rel="external nofollow" href="#">with a <em id="em2">link</em></a> or 
    <a id="link_2" class="internal highlight" href="#"><em id="em">two</em></a>.
    Or <cite id="with_title" title="hello world!">a citation</cite>.
  </p>
  <ul id="list">
    <li id="item_1" class="first"><a id="link_3" href="#" class="external"><span id="span">Another link</span></a></li>
    <li id="item_2">Some text</li>
    <li id="item_3" xml:lang="es-us" class="">Otra cosa</li>
  </ul>

  <!-- this form has a field with the name 'id',
    therefore its ID property won't be 'troubleForm': -->
  <form id="troubleForm">
    <input type="hidden" name="id" id="hidden" />
    <input type="text" name="disabled_text_field" id="disabled_text_field" disabled="disabled" />
    <input type="text" name="enabled_text_field" id="enabled_text_field" />
    <input type="checkbox" name="checkboxes" id="checked_box" checked="checked" value="Checked" />
    <input type="checkbox" name="checkboxes" id="unchecked_box" value="Unchecked"/>
    <input type="radio" name="radiobuttons" id="checked_radio" checked="checked" value="Checked" />
    <input type="radio" name="radiobuttons" id="unchecked_radio" value="Unchecked" />
  </form>
  
  <form id="troubleForm2">
    <input type="checkbox" name="brackets[5][]" id="chk_1" checked="checked" value="1" />
    <input type="checkbox" name="brackets[5][]" id="chk_2" value="2" />    
  </form>
  
  <div id="level1">
    <span id="level2_1">
      <span id="level3_1"></span>
      <!-- This comment should be ignored by the adjacent selector -->
      <span id="level3_2"></span>
    </span>
    <span id="level2_2">
      <em id="level_only_child">    
      </em>
    </span>
    <div id="level2_3"></div>
  </div> <!-- #level1 -->

  <div id="dupContainer">
    <span id="dupL1" class="span_foo span_bar">
      <span id="dupL2">
        <span id="dupL3">
          <span id="dupL4">
            <span id="dupL5"></span>
          </span>
        </span>
      </span>
    </span>
  </div> <!-- #dupContainer -->
  <div id="dupContainer.withdot:active">
    <span id="dupL1_dotcolon" class="span_foo span_bar">
      <span id="dupL2_dotcolon">
        <span id="dupL3_dotcolon">
          <span id="dupL4_dotcolon">
            <span id="dupL5_dotcolon"></span>
          </span>
        </span>
      </span>
    </span>
  </div> <!-- #dupContainer.withdot:active -->

  <div id="grandfather"> grandfather    
    <div id="father" class="brothers men"> father      
      <div id="son"> son </div>
    </div>
    <div id="uncle" class="brothers men"> uncle </div>
  </div>  

  <form id="commaParent" title="commas,are,good">
    <input type="hidden" id="commaChild" name="foo" value="#commaOne,#commaTwo" />
    <input type="hidden" id="commaTwo" name="foo2" value="oops" />
  </form>
  <div id="counted_container"><div class="is_counted"></div></div>
  
  <div foo-bar="baz" id="attr_with_dash">blah</div>
  
  <div id="container_1" class="container">
    <div id="container_2" class="container">
      <span id="target_1"></span>
    </div>
  </div>
</div>

</body>
</html>
<script type="text/javascript" charset="utf-8">
  eventResults.endOfDocument = true;
</script>
